<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<link rel="stylesheet" type="text/css" href="./css/newStyle.css" />
		<link rel="stylesheet" type="text/css" href="./css/index1.css" />
	
	</head>
	<body>
		<div id="index">
			<div class="indexTop">
				<div class="logo">
					<!-- <img src="images/logo.png"> -->
				</div>
				<div class="title">
					<img src="images/head_title.png">
				</div>
				<div class="time-warpper">
					<div><span id="day">2020-07-03</span>&nbsp;&nbsp;<span id="time">15:13:58</span>&nbsp;&nbsp;<span id="week">星期五</span></div>
				</div>
			</div>
			<div class="index_main" >
				<div class="leftBar">
					<div id="sczz" class="sczzNav active" data-url="views/sczz.html" title="生产组织" data-id="1">
						<span>生产<br>组织</span>
					</div>
					<div class="zlNav" data-url="views/zlfx.html" id="zlNav" title="质量" data-id="2">
						<span>质量<br>分析</span>
					</div>

					<div class="cwNav" data-url="views/cw.html" id="cwNav" title="财务" data-id="3">
						<span>财务<br>运营</span>
					</div>

					<div class="kjNav" data-url="views/ky.html" id="kjNav" title="科技" data-id="4">
						<span>科研<br>管理</span>
					</div>
					<div class="cxNav" data-url="views/cx.html" id="cxNav" title="产线" data-id="6">
						<span>智能<br>产线</span>
					</div>
					<div class="rlNav" data-url="views/rl.html" id="rlNav" title="人力" data-id="5">
						<span>人力<br>资源</span>
					</div>
				</div>
				<div class="main" style="width: 90%">
					<iframe id="main" src="views/sczz.html" width="100%" height="100%" frameborder="0"></iframe>
				</div>
			</div>
		</div>

	</body>
	<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.leftBar div').on('click', function() {
			var urls = $(this).attr('data-url');
			$(this).addClass('active');
			$(this).siblings().removeClass('active');

			$('#main').attr('src', urls);


		});
	</script>
</html>
